import * as React from "react"
import * as ReactDOM from "react-dom"
import { browserHistory } from 'react-router'
import { BrowserRouter as Router , Route, Link } from 'react-router-dom'
import img  from '../../assets/imgs/logo_big.png'
import Put from "../Put"
import Open from "../Open"
import index from './index.less'

class Home extends React.Component{
	render() {
		return (
<Router>	
	<div className={index.wrapper}>
	<div className={index.box_top}>
	  <img src={img} alt="" />
	  <p>时间胶囊</p>
	</div>
	<div className={index.box_middle}>
		<Link to='/put' className={index.put} >
		<span>Put</span>
		<span>添加</span>
		</Link>
			
		<Link to="/open" className={index.open}>
		<span>Open</span>
		<span>打开</span>
		</Link>
	
	</div>
	<div className={index.box_bottom}>
	  <a href="#">什么是时间胶囊？</a>
	  <span>· </span>
	  <a href="#">回胶囊日记</a>
	</div>
	</div>

	</ Router>
)
}


}





export default Home